<script setup lang="ts">
const theme = ref('light')
</script>

<template>
  <el-button>theme </el-button>
  <div class="theme">
    <div :class="theme"></div>
  </div>
</template>

<style scoped lang="scss">
.theme {
  width: 100px;
  height: 100px;
  background: theme-color(light, background);
  border: 1px solid red;
}
</style>
